<form class="form-horizontal" role="form" data-toggle="validator">
    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-3 col-sm-2" style="font-size: 20px; font-weight: 600;">{:__('订单情况')}:</label>
    </div>
    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-2 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
            {foreach name="statusList" item="vo"}
                {eq name="key" value="$row.status"}{$vo}{/eq}
            {/foreach}
            </div>
        </div>
        <label class="control-label col-xs-2 col-sm-2">{:__('订单提交时间')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {$row.createtime|date="Y-m-d H:i:s",###}
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-2 col-sm-2">{:__('Pay_type')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {switch name="$row.pay_type" }
                {case value="0"}线下支付{/case}
                {case value="1"}线上支付{/case}
                {default /}-
                {/switch}
            </div>
        </div>

        {notempty name="$row.recordfile"}
        <label class="control-label col-xs-2 col-sm-2">{:__('回收录音')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio playRecord text-info" style="cursor: pointer;" title="播放" data-url="{$row.recordfile|cdnurl}">
                <audio style="width: 100%; height: 25px;" id="record">
                    <source src="{$row.recordfile|cdnurl}" type="audio/mpeg">
                </audio>
                播放
            </div>
        </div>
        {/notempty}
    </div>

    {eq name="$row.status" value="4"}
    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-3 col-sm-2" style="font-size: 20px; font-weight: 600;">{:__('客户评价')}:</label>
    </div>
    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-2 col-sm-2">{:__('准时率')}:</label>
        <div class="col-xs-4 col-sm-4" style=" padding-top: 5px;">
            {for start="0" end="5"}
            {lt name="i" value="$row.punctually"}
            <img src="/uploads/20210617/ec6fe554a756dabf6a24d3dfdaa66fd2.png" class="img-responsive" style="height: 20px; width: 20px; display: inline-block;">
            {else/}
            <img src="/uploads/20210617/c1bf67da5bcc75ccdf1ece37e42dd321.png" class="img-responsive" style="height: 20px; width: 20px; display: inline-block">
            {/lt}
            {/for}
        </div>
        <label class="control-label col-xs-2 col-sm-2">{:__('服务态度')}:</label>
        <div class="col-xs-4 col-sm-4" style=" padding-top: 5px;">
            {for start="0" end="5"}
            {lt name="i" value="$row.serviceAttitude"}
            <img src="/uploads/20210617/ec6fe554a756dabf6a24d3dfdaa66fd2.png" class="img-responsive" style="height: 20px; width: 20px; display: inline-block;">
            {else/}
            <img src="/uploads/20210617/c1bf67da5bcc75ccdf1ece37e42dd321.png" class="img-responsive" style="height: 20px; width: 20px; display: inline-block">
            {/lt}
            {/for}
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-2 col-sm-2">{:__('评价内容')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {$row.evaluateContent}
            </div>
        </div>
        <label class="control-label col-xs-2 col-sm-2">{:__('评价时间')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {$row.evaluatetime|date="Y-m-d H:i:s",###}
            </div>
        </div>
    </div>
    {/eq}


    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-3 col-sm-2" style="font-size: 20px; font-weight: 600;">{:__('客户信息')}:</label>
    </div>
    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-2 col-sm-2">{:__('Typedata')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {foreach name="typedataList" item="vo"}
                {eq name="key" value="$row.typedata"}{$vo}{/eq}
                {/foreach}
            </div>
        </div>
        <label class="control-label col-xs-2 col-sm-2">{:__('Ordertime')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {$row.ordertime|date="Y-m-d H:i:s",###}
            </div>
        </div>
    </div>
    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-2 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {$row.name}
            </div>
        </div>
        <label class="control-label col-xs-2 col-sm-2">{:__('Mobile')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {$row.mobile}
            </div>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-2 col-sm-2">{:__('取货地址')}:</label>
        <div class="col-xs-10 col-sm-10">
            <div class="radio">
                {$row.address}{$row.address_detail}
            </div>
        </div>
        <label class="control-label col-xs-2 col-sm-2" style="padding-top: 10px;">{:__('回收物照片')}:</label>
        <div class="col-xs-10 col-sm-10">
            <ul class="row list-inline faupload-preview " data-listidx="0">
                {volist name="$row.images" id="vo"}
                <li>
                    <a href="{$vo}" data-url="{$vo}" target="_blank" class="thumbnail">
                        <img src="{$vo}" onerror="this.src='/root.php/ajax/icon?suffix=jpg';this.onerror=null;" class="img-responsive">
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>

    {neq name="$row.rider_user_id" value="0"}
    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-3 col-sm-2" style="font-size: 20px; font-weight: 600;">{:__('骑手信息')}:</label>
    </div>
    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-2 col-sm-2">{:__('骑手姓名')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {$row.rider.nickname}
            </div>
        </div>
        <label class="control-label col-xs-2 col-sm-2">{:__('联系电话')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {$row.rider.mobile}
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-2 col-sm-2">{:__('骑手状态')}:</label>
        <div class="col-xs-4 col-sm-4">
            <div class="radio">
                {if condition="($row.ordertime < time()) && ($row.status == 1)"} 已超时
                {elseif condition="$row.status eq 2"/}回收中
                {elseif condition="($row.status eq 3) || ($row.status eq 4)"/}回收结束
                {else /} {$row.status_text}
                {/if}
            </div>
        </div>
    </div>
    {/neq}


    <div class="form-group" style="margin-bottom: 5px;">
        <label class="control-label col-xs-3 col-sm-2" style="font-size: 20px; font-weight: 600;">{:__('订单详情')}:</label>
    </div>
    <table id="table" class="table table-striped table-bordered table-hover table-nowrap" data-operate-edit="1" data-operate-del="1" width="100%">

    </table>







    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
    </div>
</form>
<script>
    var goodInfo = '{$row.goodsList}';
</script>
<style>
    .fixed-table-toolbar{display: none;}
    .form-control{
        border: none;
        padding-left: 0;
    }
    .form-group>div,.form-group>.control-label{ padding-left: 0;}
</style>
